<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div>
			<span>1111</span>
		</div>
		<input type="text" value="hello">
		
		<p title="abc">aaa</p>
		
		<input type="checkbox" checked="checked" class="a">羽毛球
		
		<script src="jquery.min.js"></script>
		<script>
			//html()--->innerHTML
			console.log($("div").html());
			//text()--->textContent
			console.log($("div").text());
			
			//$("div").html("<h1>111</h1>");
			
			$("div").text("<h1>111</h1>");
			
			//获取表单 value 值
			console.log($("input").val());
			
			//设置 表单 value 值
			$("input").val("今天天气真好呀");
			
			//attr--->getAttribute/setAttribute
			//获取属性
			console.log($("p").attr("title"));
			//设置属性
			$("p").attr("title","AABBCC");
			//删除属性  removeAttr
			$("p").removeAttr("title");
			
			//注意： 做表单选中（checked,selected)-->不要用attr,要用prop
			//prop 选中 true   未选中 false
			console.log($(".a").prop("checked"));
		</script>
	</body>
</html>
